/* subPackages/packageA/operatingRisk/abnormal.wxss */
.abnormal-list {
	.scrollarea {
		width: 100%;
		background-color: #f6f6f6;

		.container {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding-bottom: 40rpx;
			margin-top: 0rpx;

			.header {
				margin-left: 30rpx;
				height: 40rpx;
				color: #333;
				font-family: "PingFang SC";
				font-size: 12px;
				font-style: normal;
				font-weight: 400;
				line-height: 40rpx;

				.total {
					color: #F04040;
					font-family: "PingFang SC";
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					line-height: normal;
				}
			}

			.content-item {
				background-color: #fff;
				margin-bottom: 6px;
				padding: 30rpx 30rpx 10rpx;

				.tag-index {
					display: flex;
					min-width: 44rpx;
					// width: 44rpx;
					height: 44rpx;
					// padding: 0 10rpx;
					justify-content: center;
					align-items: center;
					gap: 8rpx;
					border-radius: 6rpx;
					background: #F2F3F5;
					color: #86909C;
					text-align: center;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 400;
					line-height: 36rpx;
					margin-right: 10rpx;
					/* 128.571% */
				}

				.title-name {
					color: #333;
					font-size: 28rpx;
					font-weight: 400;
					line-height: 22px;
					padding-bottom: 5px;

					//   border-bottom: 1px solid #EDEFF3;
					.name {
						flex: 1;
					}

					.tag {
						border: 2rpx solid #3375F5;
						border-radius: 8rpx;
						padding: 0rpx 14rpx;
						color: #3375F5;
						font-size: 24rpx;
						font-weight: 400;
					}

					.tag-add {
						border-color: #F04040;
						color: #F04040;
					}

				}

			}

			.content-item__remove {
				margin-bottom: 0;
				padding-bottom: 0;
			}
		}
	}


}